﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

    <meta name="Description" content="Information architecture, Web Design, Web Standards." />
    <meta name="Keywords" content="your, keywords" />
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta name="Distribution" content="Global" />
    <meta name="Author" content="Erwin Aligam - ealigam@gmail.com" />
    <meta name="Robots" content="index,follow" />

    <link rel="stylesheet" href="images/HarvestField.css" type="text/css" />

    <title>小草技术笔记</title>
    <link rel="shortcut ico" href="/favicon.ico" />
    <link rel="bookmark" href="/favicon.ico" />
</head>

<body>
    <!-- wrap starts here -->
    <div id="wrap">

        <!--header -->
        <div id="header">

            <h1 id="logo-text"><a href="/index.html" title="">Tinygrass<span> Tech Blog</span></a></h1>
            <p id="slogan">不积小步，无以至千里</p>

            <div id="header-links">
                <p>
                    <a href="index.html">主页</a> |
                    <a href="index.html">联系作者</a> |
                    <a href="index.html">站点图</a>
                </p>
            </div>

            <!--header ends-->
        </div>

        <!-- navigation starts-->
        <div id="nav">

            <div id="light-brown-line"></div>

            <ul>
                <li id="current"><a href="index.html">  主页  </a></li>
                <li><a href="index.html">  专栏  </a></li>
                <li><a href="index.html">  下载  </a></li>
                <li><a href="index.html">关于作者</a></li>
            </ul>

            <!-- navigation ends-->
        </div>

        <!-- content-wrap starts -->
        <div id="content-wrap">

            <div id="main">

                <a name="TemplateInfo"></a>
                <!-- 标题 -->
                <h2><a href="index.html">标题</a></h2>
                <!-- 作者、时间 -->
                <p class="post-info">Posted by <a href="index.html">erwin</a> | Filed under <a href="index.html">templates</a>, <a href="index.html">internet</a> </p>
                <!-- 段落 -->
                <p>
                    <strong>HarvestField</strong> is a free, W3C-compliant, CSS-based website template
                    by <a href="http://www.cssmoban.com/">styleshout.com</a>. This work is
                    distributed under the <a rel="license" href="http://creativecommons.org/licenses/by/2.5/">
                        Creative Commons Attribution 2.5  License
                    </a>, which means that you are free to
                    use and modify it for any purpose. All I ask is that you give me credit by including a <strong>link back</strong> to
                    <a href="http://www.cssmoban.com/">my website</a>.
                </p>


                <!-- 二级标题 -->
                <!-- 代码 -->
                <h3>代码</h3>
                <p>
                    <code>
                        code-sample { <br />
                        font-weight: bold;<br />
                        font-style: italic;<br />
                        }
                    </code>
                </p>
                <!-- 列表 -->
                <h3>列表</h3>
                <ol>
                    <li>Here is an example</li>
                    <li>of an ordered list</li>
                </ol>

                <ul>
                    <li>Here is an example</li>
                    <li>of an unordered list</li>
                </ul>
                <!-- 引用 -->
                <blockquote>
                    <p>
                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
                        nibh euismod tincidunt ut laoreet dolore magna aliquam erat....
                    </p>
                </blockquote>

                <!-- 图文 -->
                <h3>图文</h3>
                <p>
                    <a href="http://getfirefox.com/"><img src="images/identityface.jpg" width="100" height="120" alt="firefox" class="float-left" /></a>
                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum.
                    Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu
                    posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum
                    odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra
                    condimentum, lorem tellus eleifend magna, eget fringilla velit magna id neque. Curabitur vel urna.
                    In tristique orci porttitor ipsum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum.
                    Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu
                    posuere nunc justo tempus leo.
                </p>
                <img style="width:100%;display:none;" alt="firefox" class="float-left" src="" />
                <p style="clear:both;"></p>
                <!-- 表格 -->
                <h3>表格</h3>
                <table>
                    <tr>
                        <th class="first"><strong>post</strong> date</th>
                        <th>title</th>
                        <th>description</th>
                    </tr>
                    <tr class="row-a">
                        <td class="first">04.18.2007</td>
                        <td><a href="index.html">Augue non nibh</a></td>
                        <td><a href="index.html">Lobortis commodo metus vestibulum</a></td>
                    </tr>
                    <tr class="row-b">
                        <td class="first">04.18.2007</td>
                        <td><a href="index.html">Fusce ut diam bibendum</a></td>
                        <td><a href="index.html">Purus in eget odio in sapien</a></td>
                    </tr>
                </table>

                <!-- 表单 -->
                <form action="#" style="display:none;">
                    <p>
                        <label>Name</label>
                        <input name="dname" value="Your Name" type="text" size="30" />
                        <label>Email</label>
                        <input name="demail" value="Your Email" type="text" size="30" />
                        <label>Your Comments</label>
                        <textarea rows="5" cols="5"></textarea>
                        <br />
                        <input class="button" type="submit" />
                    </p>
                </form>
                <!-- 评论信息 -->
                <p class="post-meta" style="display:none;">
                    <a href="index.html" class="readmore">Read more</a> |
                    <a href="index.html" class="comments">Comments (7)</a> |
                    <span class="date">June 30, 2007</span>
                </p>

                <br />

                <!-- main ends -->
            </div>

            <div id="sidebar">

                <h3>搜索栏</h3>
                <form action="#" class="searchform">
                    <p>
                        <input name="search_query" class="textbox" type="text" />
                        <input name="search" class="button" value="搜索" type="submit" />
                    </p>
                </form>

                <h3>文章链接</h3>
                <ul class="sidemenu">
                    <li><a href="index.html">Home</a></li>
                </ul>

                <h3>外站链接</h3>
                <ul class="sidemenu">
                    <li><a href="http://www.ofmonkey.com" target="_blank">程序员在线工具</a></li>
                    <li><a href="https://www.iconfont.cn" target="_blank">阿里巴巴矢量图标库</a></li>
                    <li><a href="https://www.bootcss.com/" target="_blank">Bootstrap中文网</a></li>
                    <li><a href="http://jquery.cuishifeng.cn/" target="_blank">JQuery在线参考手册</a></li>
                </ul>

                <h3>外站文章链接</h3>
                <ul class="sidemenu">
                    <li>
                        <a href="#" title="Website Templates" target="_blank">
                            <strong>网站模板</strong>
                        </a> <br /> Over 6,000+ Premium Web Templates
                    </li>
                </ul>

                <h3>人生智言</h3>
                <p>
                    &quot;Every adversity, every failure, every heartache
                    carries with it the seed on an equal or greater benefit.&quot;
                </p>

                <p class="align-right">- Napoleon Hill</p>

                <h3>联系作者</h3>
                <p>若有意进行技术交流，请至	<a href="https://user.qzone.qq.com/563608038/main" target="_blank">QQ空间</a>  留言</p>

                <!-- sidebar ends -->
            </div>

            <!-- content-wrap ends-->
        </div>

        <!-- column starts -->
        <div id="column-wrap">

            <div id="columns">

                <div class="col3">
                    <h3>技术官网</h3>
                    <ul>
                        <li><a href="index.html">暂时未有</a></li>

                    </ul>
                </div>

                <div class="col3-center">
                    <h3>牛人博客</h3>
                    <ul>
                        <li><a href="index.html">暂时未有</a></li>

                    </ul>
                </div>

                <div class="col3">
                    <h3>其它</h3>
                    <ul>
                        <li><a href="index.html">暂时未有</a></li>
                    </ul>
                </div>
                <!-- footer-columns ends -->

            </div>

            <!-- column-wrap ends-->
        </div>

        <!-- footer starts -->
        <div id="footer">

            <p>
                &copy; 2018 <strong>CopyRight</strong>

                &nbsp;&nbsp;&nbsp;&nbsp;


                <a href="http://www.beian.miit.gov.cn" target="_blank">粤ICP备18089031号-2</a>

                &nbsp;&nbsp;&nbsp;&nbsp;

                <a href="index.html">Home</a> |
                <a href="index.html">Sitemap</a> |
                <a href="index.html">RSS Feed</a>
            </p>

            <!-- footer ends -->
        </div>

        <!-- wrap ends here -->
    </div>

</body>
</html>
